$(function() {
    /* 
  1 点击搜索
    1 获取输入框的值
    2 检查合法性 
      1 非空  空 length==0 return 
      2 合法
    3 把数据存入到本地存储中
      1 存入的是 数组字符串!!!! 
      2 本地存储 存入的复杂类型 对象 obj 数组 arr
        数据丢失
        存复杂数据 先转成json字符串 再存入
        获取      先获取->再解析成对象 
   */
    var ls = localStorage;
    init();

    function init() {
        eventList();
        load_data();
    }

    // 绑定一坨事件
    function eventList() {
        $("#search_btn").on("tap", function() {
            var search_txt = $("#search_inp").val().trim();
            if (!search_txt) {
                mui.toast('输入非法');
                return;
            }
            var arr = ls.getItem("lt_history") ? JSON.parse(ls.getItem("lt_history")) : [];
            arr.forEach(function(v, i) {
                if (v == search_txt) {
                    arr.splice(i, 1);
                }
            });
            arr.unshift(search_txt);
            var arrjson = JSON.stringify(arr);
            ls.setItem("lt_history", arrjson);
            location.href = "./searchList.html?proName=" + search_txt;
            // 清空按钮
        })
        $(".clear_btn").on("tap", function() {
            // console.log(123);
            ls.removeItem("lt_history");
            location.href = "./search.html";
        })
        $(".history_content").on("tap", ".remove_btn", function() {
            var index = $(this).data("index");
            var arr = ls.getItem("lt_history") ? JSON.parse(ls.getItem("lt_history")) : [];
            arr.splice(index, 1);
            ls.setItem("lt_history", JSON.stringify(arr));
            load_data();
        })
    }

    // 加载本地数
    function load_data() {
        var arr = ls.getItem("lt_history") ? JSON.parse(ls.getItem("lt_history")) : [];
        if (arr.length == 0) {
            $(".history_content").html("");
            return;
        }
        var html = template("searchList", { arr: arr });
        $(".history_content").html(html);
    }
})